<!--申明了一个标准的html5文档类型-->
<!DOCTYPEhtml>
<!--申明这个文档是一个中文简体语言的文本在一些非这类语言的机器上浏览器可识别-->
<html lang="zh-CN">
<head>
<!--申明页面的字符编码是utf-8-->
<meta charset="utf-8">
<!--申明IE浏览器需要用最新的渲染引擎来渲染当前的页面-->
<meta http-equiv="X-UA-Compatible"content="IE=edge">
<!--视口只有移动端才识别   width申明视口的宽度等于设备的宽度  initial-scale申明的是默认的初始缩放比1：1也就是等比显示在移动端     user-scalable不允许用户自行缩放-->
<meta name="viewport"content="width=device-width,initial-scale=1,user-scalable=0">
<!--上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！-->
<title>Bootstrap101Template</title>
<!--Bootstrap 核心css文件-->
<link href="./node_modules/bootstrap/dist/css/bootstrap.css"rel="stylesheet">
<!--[if lt IE9]>
	<script src="../lib/html5shiv/html5shiv.min.js"></script>  
	<script src="../lib/respond/respond.js"></script>   
<![end if]-->
</head>
<body>

<a class="btn btn-primary" role="button" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
  Link with href
</a>
<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
  Button with data-target
</button>
<div class="collapse" id="collapseExample">
  <div class="well">
    ...
  </div>
</div>






<!--因为bootstrap是依赖jquery的 所以要先引用jquery文件-->
<script src="./node_modules/jquery/dist/jquery.js"></script>
<!-- bootstrap核心文件 -->
<script src="./node_modules/bootstrap/dist/js/bootstrap.js"></script>
</body>
</html>
